.saleStatic {
	.page-content {
		background-color: #f4f4f4;
		top: 44px;
		padding-top: 0;
		.manage-bill{
			position: relative;
			overflow: hidden;
			height: 1.2rem;
			.time-filter-sty{
				height: 1rem;
				line-height: 1rem;
				background: #ffffff;
				display: inline-block;
				padding: 0 .35rem;
				width: 100%;
				border-bottom: 1px solid #ddd;
				position: relative;
				.time{
					display: inline-block;
					width: 90%;
					float: left;
				}
				.sec{
					display: inline-block;
					width: 10%;
				}
				
			}
			.select-date {
				display: flex;
				text-align: center;
				align-items: center;
				justify-content: center;
				padding: 10px 0;
				position: fixed;
				width: 100%;
				left: 0;
				top: 0px;
				background: #fff;
				z-index: 999;
				height: 1.2rem;
				font-size: .3rem;
				line-height: .3rem;
				.icon-jiantou {
				  font-size: 1rem;
				  color:rgb(33, 160, 245);
				  &.left {
					display: inline-block;
					transform: rotate(-90deg);
				  }
				  &.right {
					display: inline-block;
					transform: rotate(90deg);
				  }
				}
				.date {
				  display: inline-block;
				  text-align: center;
				  color: #333;
				}
			  }
			  .money {
				color: #fb6e52;
			  }
			  .default-icon {
				display: inline-block;
				width: .2rem;
				height: .2rem;
				background: #2cc6ea;
				&.cash {
				  background: #e78d61;
				}
				&.wechat {
				  background: #6fcd58;
				}
				&.ali {
				  background: #55a8dc;
				}
			  }
			  .actual-income {
				font-size: .3rem;
				padding: 0 .2rem;
				background: #fff;
				height: 1rem;
				line-height: 1rem;
				margin: .2rem 0;
				margin-top: 1.2rem;
			  }
			  .total-income {
				font-size: .3rem;
				padding: .2rem .2rem 0 .2rem;
				width: 100%;
				background: #fff;
				position: relative;
				overflow: hidden;
				margin-bottom: .2rem;
				margin-top: 1.2rem;
				.tit {
				  display: flex;
				  align-items: center;
				  .total-tit {
					padding-left: .1rem;
				  }
				}
				#pie {
				  width: 100%;
				  min-height: 3.7rem;
				  // float: left;
				}
				.pie-help-info {
				  float: left;
				  position: absolute;
				  left: 50%;
				  top: 50%;
				  transform: translate(0, -50%);
				  line-height: .5rem;
				  .income-item {
					.income-name {
					  font-size: .25rem;
					}
					.income-count {
					  font-size: .35rem;
					  &.cash {
						color: #e78d61;
					  }
					  &.wechat {
						color: #6fcd58;
					  }
					  &.ali {
						color: #55a8dc;
					  }
					}
				  }
				}
			  }
			  .total-expend {
				font-size: .3rem;
				padding: .2rem .2rem 0 .2rem;
				width: 100%;
				background: #fff;
				position: relative;
				overflow: hidden;
				.tit {
				  display: flex;
				  align-items: center;
				  .total-tit {
					padding-left: .1rem;
				  }
				}
				#pie-for-expend {
				  width: 50%;
				  height: 3.7rem;
				  float: left;
				}
				.pie-help-info {
				  float: left;
				  position: absolute;
				  left: 50%;
				  top: 50%;
				  transform: translate(0, -50%);
				  line-height: .5rem;
				  .income-item {
					.income-name {
					  font-size: .25rem;
					}
					.income-count {
					  font-size: .35rem;
					  &.other {
						color: #2cc6ea;
					  }
					}
				  }
				}
			  }
		}
		.cont{
			padding: .2rem;
			.common-panle{
				background: #fff;
				border-radius: 5px;
				padding: .1rem;
				box-shadow: 0 0 5px rgba(0,0,0,.1);
				margin-bottom: .2rem;
				&.now,&.prev{
					.tit{
						border-bottom: 1px solid #ddd;
						margin: 0 -.1rem;
						padding: 0 .1rem;
						color: #999;
					}
					.list{
						height: 4rem;
						overflow: hidden;
						overflow-y: scroll;
						ul{
							li{
								width: 100%;
								height: .65rem;
								line-height: .65rem;
								border-bottom: 1px solid #ddd;
							}
						}
					}
				}
			}
			
		}
	}
}